<section class="content-section-column">
  <lv-checkbox-group #checkGroup [ngModel]="selected" (ngModelChange)="change($event)">
    <lv-group [lvGutter]="'16px'" lvWrap="true">
      <ng-container *ngFor="let data of cardData">
        <lv-card [lvDisabled]="data.disabled" lvSize="small" class="ui-card" lvType="border" lvTitle="Item01" [lvAction]="actionsTpl"
          [lvChecked]="checkGroup.isChecked(data.id)" (click)="toggle(data)">
          <p>
            TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText
            TextTextText</p>
        </lv-card>
        <ng-template #actionsTpl>
          <div class="ui-card-check-content" >
            <lv-checkbox (click)="$event.stopPropagation()" [lvDisabled]="data.disabled" [lvValue]="data.id" class="ui-card-checkbox"></lv-checkbox>
          </div>
          <lv-group lvGutter="16px">
            <button class="ui-button" lv-button [disabled]="data.disabled" lvType="link" (click)="$event.stopPropagation()">Remove</button>
            <button class="ui-button" lv-button [disabled]="data.disabled"  lvType="link" (click)="$event.stopPropagation()">Confirm</button>
          </lv-group>
        </ng-template>
      </ng-container>
    </lv-group>
  </lv-checkbox-group>

  <p>Selected: {{ selected }}</p>
</section>